@charset "utf-8";
@font-face {
  font-family: "DIN-Light";
  src:url("../font/DIN-Light.woff") format("woff"),
       url("../font/DIN-Light.ttf") format("truetype"),
       url("../font/DIN-Light.eot") format("embedded-opentype"),
       url("../font/DIN-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DINPro-Medium";
  src: url("../font/DINPro-Medium.woff") format("woff"),
       url("../font/DINPro-Medium.ttf") format("truetype"),
       url("../font/DINPro-Medium.eot") format("embedded-opentype"),
       url("../font/DINPro-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

html {font-size: 187.5% !important;  }
body{padding: 0;margin: 0;font-family: 'PingFangSC-Regular','Microsoft YaHei';font-size:0.55rem ;color: #666666;background: #fff;-webkit-font-smoothing: antialiased;overflow-x: hidden;}
html,body{scroll-behavior:smooth;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #666666;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'PingFangSC-Regular','Microsoft YaHei';font-size: 1.2rem;color: #666666;}
input[type="submit"]{cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'PingFangSC-Regular','Microsoft YaHei';font-size: 1.2rem;color: #666666;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 'PingFangSC-Regular','Microsoft YaHei';font-size: 1.2rem;color: #666666;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #aaa;border-radius: 2px;}
/*常用宽度*/
img,em,i,span{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
/*左右浮动*/
.fl{float: left;}
.fr{float: right;}
*:focus{outline: none;}
.after::after,.before::before{content: '';position: absolute;transition: 0.3s;}
/*动画*/
.ani400{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; }
.ani300{-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; }
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}
.fontF{font-family: "DIN-Light";}
.fontB{font-family: "DINPro-Medium";}
.textAll24{line-height: 24px;}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.TXTovehid-four{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.TXTovehid-five{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.TXTovehid-six{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.block{display: block;}
.poHiiden{position: relative;overflow: hidden;}
::-webkit-input-placeholder {color: #999;  }
.alignInherit{align-items: inherit !important;}
.poAbOp0{position: absolute;opacity: 0;}
.textAll28{line-height: 28px;}
.textAll26{line-height: 26px;}
.textAll32{line-height: 32px;}
.obCover{object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
/* 头部 */
header{background-image: url(../images/topBg.jpg);padding: 0.866rem 0 0.8rem;}
.menuLine,.searIco{display: none;}
.menuLine img{height: 20px;}
.searIco{margin-right: 1rem;}
header .headRight ul{justify-content: center;}
header .headRight ul li{margin-right: 1rem;margin-bottom: 0.33rem;}
header .headRight ul li a{padding-left: 20px;background-repeat: no-repeat;background-position: left center;line-height: 24px;}
header .headRight ul li a:hover{color: #1C72D2;}
header .headRight ul li:first-child a:hover{color: #D6242B;}
header .headRight ul li:nth-child(3) a{padding-left: 26px;}
header .headRight ul li:last-child{margin-right: 0;}
header .searWrap{background: #fff;border-radius: 33px;}
header .searWrap input{height: 45px;line-height: 45px;}
header .searWrap input[type=text]{width: 315px;border-radius: 33px;text-indent: 1rem;}
header .searWrap input[type=submit]{width: 45px;background:url(../images/searIco.svg) center no-repeat;}
header .headNone{display: none;}
.navWrap{background: rgba(58,89,100,0.1);position: absolute;left: 0;top: 0;width: 100%;z-index: 3;}
.navWrapFix{position: fixed;background: rgba(58,89,100,0.4);}
.nav-1st{white-space: nowrap;z-index: 2;margin-top: 0.5rem;}
.nav-1st > li{position: relative;vertical-align: top;flex: 1;}
.nav-1st > li > a{position: relative;display: block;line-height:70px ;color: #fff;z-index: 2;text-align: center;font-weight: 500;}
.nav-1st > li::after{width: 100%;height: 100%;background: #D6242B;content:'';position: absolute;left: 0;bottom: 0;transition: 0.3s;opacity: 0;}
.nav-1st > li.on::after,.nav-1st > li:hover::after{opacity: 1;}
.nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 100%;width: 100%;min-width: 100%;padding: 8px 0;background-color:#D6242B;box-shadow:0 5px 5px rgba(0,0,0,0.3); border-radius: 4px;transform: translateX(-50%);}
.nav-2nd > li{position: relative;}
.nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;color: #fff; white-space: pre-wrap; font-size: 16px;}
.nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #D6242B;transition: 0.3s;}
.nav-2nd > li > a:hover{background-color: #fff;color: #D6242B;}
.nav-2nd > li > a:hover:before{top: 0;height: 100%;}
.nav-2nd > li:hover .nav-3rd{display: block;}
.nav-2nd .nav-3rd{display: none;position: absolute;left: 100%;top: 0;background-color: rgba(255,255,255,.9);border: #D6242B solid 1px;min-width: 120px;}
.nav-2nd .nav-3rd > li{position: relative;}
.nav-2nd .nav-3rd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;white-space: nowrap;font-size: 16px;}
.nav-2nd .nav-3rd > li > a:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background-color: #D6242B;transform: scaleY(0);transition: 0.3s;}
.nav-2nd .nav-3rd > li > a:hover{color: #D6242B;}
.nav-2nd .nav-3rd > li > a:hover:before{transform: scaleY(1);}
/*搜索弹窗*/
.popup-search-wrap{position: absolute;left: 50%;top: 50%;width: 80%;transform: translate(-50%,-50%);}
.popup-search-wrap .text-input{width: 100%;height: 40px;padding: 0 50px 0 10px;border: 1px solid #eee;box-sizing: border-box;font-size: 0.5rem;border-radius: 30px;}
.popup-search-wrap .sub-btn{border: none; position: absolute;right: 0;top: 0;width: 40px;height: 40px;background:url(../images/searIco.svg) center no-repeat;background-size: 20px 20px;border-top-right-radius: 30px;border-bottom-right-radius: 30px}

/* 切换按钮 */
.qhbtn {position: absolute;top: 50%;transform: translateY(-50%);width: 63px;height: 63px;border: 1px solid #FFFFFF;background-position: center;background-repeat:no-repeat;z-index: 2;border-radius: 50%;background-color: rgba(255,255,255,0);cursor: pointer;}
.qhbtn.prev{left: 5%;background-image: url(../images/prev.svg) ;}
.qhbtn.next{right: 5%;background-image: url(../images/next.svg) ;}
.qhbtn:hover{background-color: #0072BF;border-color: #0072BF;}

.padding70{padding: 2.33rem 0;}
.padding80{padding: 2.66rem 0;}
.padding60{padding: 2rem 0;}
.padding50{padding: 1.66rem 0;}
.padding40{padding: 1.33rem 0;}
.padding30{padding: 1rem 0;}
.padding20{padding: 0.66rem 0;}
.margin50{margin: 1.66rem 0;}
.margin80{margin: 2.66rem 0;}
.margin70{margin:2.33rem 0 ;}
.paddbottom0{padding-bottom: 0;}
/* flex布局 */
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexbetween{display: flex;justify-content: space-between;align-items: center;}
.flexwrap{flex-wrap: wrap;}
/* 字号公用 */
.fz12{font-size:0.4rem ;}
.fz14{font-size: 0.466rem;}
.fz16{font-size: 0.533rem;}
.fz18{font-size: 0.6rem;}
.fz20{font-size: 0.66rem;}
.fz22{font-size:0.733rem ;}
.fz24{font-size: 0.8rem;}
.fz26{font-size: 0.866rem;}
.fz28{font-size: 0.933rem;}
.fz30{font-size: 1rem;}
.fz32{font-size: 1.06rem;}
.fz34{font-size: 1.13rem;}
.fz36{font-size: 1.2rem;}
.fz38{font-size: 1.26rem;}
.fz39{font-size: 1.3rem;}
.fz40{font-size: 1.33rem;}
.fz44{font-size: 1.46rem;}
.fz48{font-size: 1.6rem;}
.fz50{font-size: 1.66rem;}
.fz180{font-size: 6rem;}
.fz45{font-size: 1.5rem;}
.fz68{font-size:2.26rem ;}
.fz100{font-size: 3.33rem;}
/* 基础样式 */
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.textAll{line-height: 2;color: #666;}
.textCenter{text-align: center;}
.white{color: #fff;}
.poRe{position: relative;}
.zindex2{z-index: 2;}
.w90{max-width: 1400px;margin: auto;width: 94%;}
.minheight300{min-height: 300px;}
.whiteBg{background: #fff;}
.color333{color: #333;}
.color222{color: #222;}
.color111{color: #111;}
.color666{color: #666;}
.color999{color: #999;}
.marginTop30{margin-top: 1rem;}
.marginTop40{margin-top: 1.33rem;}
.marginTop50{margin-top: 1.66rem;}
.marginTop60{margin-top:2rem;}
.marginTop70{margin-top: 2.33rem;}

/* 滚动条美化 */
.overscroll{overflow-y: auto;}
.overscroll::-webkit-scrollbar{width: 7px;    }
.overscroll::-webkit-scrollbar-track{        background-color: #f5f5f5;       border-radius:5px;}
.overscroll::-webkit-scrollbar-thumb{        background-color: #ddd;        border-radius: 5px;    }
/* 面包屑导航 */
/*内容从左至右剪裁显示动效*/
.showingLTR{animation: clipLTR 0.8s ease-in-out;-webkit-animation: clipLTR 0.8s ease-in-out;}
@keyframes clipLTR{
	0%{clip-path: polygon(0 0,0 0,0 100%,0 100%);}
	100%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
@-webkit-keyframes clipLTR{
	0%{-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);}
	100%{-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
/*内容从右至左剪裁显示动效*/
.showingRTL{animation: clipRTL 0.8s ease-in-out;-webkit-animation: clipRTL 0.8s ease-in-out;}
@keyframes clipRTL{
	0%{clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
	100%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
@-webkit-keyframes clipRTL{
	0%{-webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
	100%{-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
/*内容从上至下剪裁显示动效*/
.showingTTB{animation: clipTTB 1.5s ease-in-out;-webkit-animation: clipTTB 1.5s ease-in-out;}
@keyframes clipTTB{
	0%{clip-path: polygon(0 0,0 0,100% 0,100% 0);opacity: 0;}
	100%{clip-path: polygon(0 0,0 100%,100% 100%,100% 0);opacity: 1;}
}
@-webkit-keyframes clipTTB{
	0%{-webkit-clip-path: polygon(0 0,0 0,100% 0,100% 0);opacity: 0;}
	100%{-webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0);opacity: 1;}
}
/* 翻页 */
.page em{display: none;margin-right: 0.5rem;}
.page .disflex{align-items: center;}
.page input[type=text]{border: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin: 0 0.5rem;border: 1px solid #ECECEC;font-size: 0.553rem;color: #333;}
.page a,.page .btn{border: 1px solid #ECECEC;width: 50px;line-height: 50px;height: 50px; box-sizing: border-box; margin-right: 0.5rem;color: #333;position: relative;background: #fff;}
.page a.on,.page a:hover{color: #fff;background: #D6242B;border-color: #D6242B;}
.page .btn img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);filter: brightness(0) invert(0.7);}
.page .btn:hover img{filter: brightness(0) invert(1);}
/*  footer  */
footer{background: linear-gradient(45deg,#0A6BA1,#005D53);}
.footSelect{width: 23.5%;}
.footSelect .idxTitle{filter: brightness(0) invert(1);}
.dmui-select{z-index: 1;position: relative;width: 100%;margin-top: 0.73rem;}
.dmui-select .name{position: relative;box-sizing: border-box;height: 50px;padding: 0 50px 0 20px;line-height: 50px;cursor: pointer;user-select: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: rgba(255,255,255,0.8);font-size: 0.533rem;background: rgba(215,215,215,0.09);border-radius: 5px;}
.dmui-select .name:after{content: "";position: absolute;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #8B95A0; right:17px;top: 50%;}
.dmui-select .list{display: none;position: absolute;left: 0;width: 100%;max-height: 150px;background-color: #fff;overflow-y: auto;box-shadow: 0 0 6px rgba(0,0,0,.2);overscroll-behavior: contain;}
.dmui-select .list li a{display: block;padding: 10px;border: 1px solid #eee;border-bottom: 0;font-size: 12px;line-height: 16px;transition: 0.3s;}
.dmui-select .list li a:hover{background-color: #D6242B;color: #fff;}
footer .footNav{padding-top: 2rem;}
footer .footAdd{line-height: 2;}
footer .footAdd .textCenter{width: 100px;font-size: 12px;margin-top: 1rem;}
.footJuzhen{background: url(../images/footxt.png) 40px center no-repeat;padding-left: 93px;padding-right:40px;box-sizing: border-box;width: 47.6%;border-left: 1px solid rgba(255,255,255,0.1);border-right: 1px solid rgba(255,255,255,0.1);}
.footJuzhen .item{width: 90px;margin-left: 6%;color: #fff;font-size: 12px;margin-top: 0.8rem;cursor: pointer;}
.footJuzhen .item img{width: 100%;}
.footJuzhen .item:nth-child(-n+4){margin-top: 0;}
.copyright{background: rgba(0,0,0,0.1);padding: 1rem 0;margin-top:1.1rem ;}
.copyright span{margin-right: 5px;}
/* 右侧飘窗 */
.fixedRight{position: fixed;right: 0;bottom: 5%;border-radius: 50px;padding: 1rem 10px 0;z-index: 11;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.fixedRight a{padding: 0.5rem 0;border-bottom: 1px solid #F1F1F1;}
.fixedRight a span{width: 44px;height: 50px;position: relative;display: block;margin:0 auto 6px;}
.fixedRight a span:before{background: url(../images/fixIcoBg.svg) center no-repeat;width: 44px;height: 50px;left: 0;top: 0;filter: brightness(0) invert(0.7);}
.fixedRight a span img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);filter: brightness(0) invert(0.5);}
.fixedRight a.goTop {width: 65px;height: 65px;background: url(../images/toTop.svg) no-repeat center;border-bottom: none;}
.fixedRight a:hover span:before,.fixedRight a:hover span img{filter: none;}
.fixedRight a:hover i{color: #d6242b;}
.ewm-wrap,.foot-ewm-wrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: none;	}
.fixedRight a.zhuanzhu-btn > img{position: absolute;right: 100%;top: 0;display: none;}
.fixedRight a.zhuanzhu-btn:hover img{display: block;}
/* 矩阵弹窗 */
.grayBg{background: rgba(0,0,0,.3);position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: none;z-index: 10;}
.juzhen{background: #FFFFFF;border-radius: 10px;padding:1.5rem 1rem;box-sizing: border-box;width: 870px;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.juzhen .close{position: absolute;right: -30px;top: -30px;cursor: pointer;}
.juzhen .title{padding: 0 220px;width: 335px;margin: auto;}
.juzhen .title::before,.juzhen .title::after{width: 200px;height: 6px;top: 50%;margin-top: -3px;}
.juzhen .title::before{background: url(../images/juLeft.svg) no-repeat;left: 0;}
.juzhen .title::after{background: url(../images/ju_right.svg) no-repeat;right: 0;}
.juzhen .footJuzhen{width: 765px;padding:0.5rem 0 0;margin: auto;}
.juzhen .footJuzhen .item{margin-top: 1rem;width: 120px;margin-left: 1.33rem;}
.juzhen .footJuzhen .item img{box-shadow: 0 0 10px rgba(0,62,133,0.2);}
.juzhen .footJuzhen .item p{color: #333;font-size: 14px;margin-top: 0.4rem;}
.juzhen .footJuzhen .item:nth-child(5n+1){margin-left: 0;}
@media screen and (max-width:1400px){
	 .footJuzhen .item{margin-left: 3%;}
}
@media screen and (max-width:1240px){
	 html {font-size: 160% !important;}
	 .footJuzhen{padding: 0 1rem;background: none;}
}
@media screen and (max-width:1080px){
	.footJuzhen .item{margin-left: 0;}
	
}
@media screen and (max-width:991px){
	 html {font-size: 140% !important;   }
	.page a{display: none;}
	.page a.btn,.page a.on{display: inline-block;}
	
	header h1 img{height: 50px;}
	header .searWrap input[type=text]{width: 200px;}
	.footJuzhen .item{width: 78px;}
	.juzhen .footJuzhen{display: flex;}
}
@media screen and (max-width:760px){
	html { font-size: 150% !important;  }
	.padding80,.padding60,.padding70{padding: 1rem 0;}
	.padding50,.padding40{padding: 0.7rem 0;}
	.disflex,.flexCenter,.flexbetween{flex-wrap: wrap;}
	.fz36{font-size: 0.8rem;}
	.fz30{font-size: 0.75rem;}
	.fz28{font-size: 0.7rem;}
	.fz50{font-size: 1rem;}
	.fz32{font-size: 0.76rem;}
	.fz44,.fz40,.fz45{font-size: 0.9rem;}
	
	.margin80,.margin70{margin: 1rem 0;}
	.padding30{padding: 0.5rem 0;}
	.fz68{font-size: 1.26rem;}
	.page a, .page .btn,.page input[type=text]{width: 30px;height: 30px;line-height: 30px;}
	.headRight,.navWrap,.fixedRight a span:before{display: none;}
	header h1 img{height: 35px;}
	.menuLine,.copyright .flexbetween div span,.searIco,.headNone{display: block;}
	.dmui-select{width: 100%;margin-bottom: 0.3rem;}
	.footSelect{padding-top: 1rem;width: 100%;display: none;}
	.footAdd,.copyright span{width: 100%;text-align: center;}
	footer .footAdd .textCenter{margin:0.3rem auto 0;}
	footer .footNav{padding-top: 0.8rem;}
	.copyright .flexbetween div{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
	.copyright .flexbetween > a{display: block;margin: auto;}
	.fixedRight a span{width: 30px;height: 30px;margin-bottom: 0;}
	.fixedRight{padding: 0.5rem 0 0;box-shadow: 0 0 5px rgba(0,0,0,0.3);display: none;}
	.fixedRight a.goTop{padding: 0;}
	header .headNone,.page em{display: block;}
	.marginTop60,.marginTop70,.marginTop50{margin-top: 1rem;}
	.marginTop40{margin-top: 0.5rem;}
	.page{padding: 1.5rem 0;}
	.textAll32{line-height: 26px;}
	.marginTop30{margin-top: 0.5rem;}
	header{padding: 0.5rem 0 ;}
	.sevenTabs .tabs{font-size: 0.65rem;}
	.footJuzhen {width: 100%;padding: 0 0.5rem;}
	.fz16{font-size: 15px;}
}
@media screen and (max-width:650px){
	
}